<template>
	<view>
		<view class="form">
			<u-form :model="form" ref="uForm" labelWidth="140">
				<u-form-item required label="姓名">
					<u-input v-model="form.name" />
				</u-form-item>
				<u-form-item required label="联系电话">
					<u-input v-model="form.intro" />
				</u-form-item>
				<u-form-item required label="开店地址">
					<u-input v-model="form.intro" />
				</u-form-item>
				<u-form-item required label="详细地址" :border-bottom="false">
					<u-input v-model="form.intro" type="text" />
				</u-form-item>
			</u-form>
		</view>
		
		<view class="form">
			<u-form :model="form" ref="uForm" labelWidth="140">
				<u-form-item required label="地图范围" :border-bottom="false">
					<u-input v-model="form.name" />
					<view slot="right" style="font-size: 30rpx; color: #999999;">设置</view>
				</u-form-item>
			</u-form>
		</view>
		
		<view class="form">
			<u-form :model="form" ref="uForm" labelWidth="140">
				<u-form-item label="营业执照" :border-bottom="false" label-position="top">
					<view class="up fcc" style="padding: 68rpx 0;">
						<u-upload width="128" height="128" :action="action" :file-list="fileList" ></u-upload>
					</view>
				</u-form-item>
			</u-form>
		</view>
		
		<view class="form">
			<u-form :model="form" ref="uForm" labelWidth="140">
				<u-form-item required label="法人身份证" :border-bottom="false" label-position="top">
					<view class="id-card fcs">
						<image class="img" src="@/static/img/idcard-1.png" mode=""></image>
						<image class="img" src="@/static/img/idcard-2.png" mode=""></image>
					</view>
				</u-form-item>
			</u-form>
		</view>
		
		<view class="form" style="margin-bottom: 180rpx;">
			<u-form :model="form" ref="uForm" labelWidth="140">
				<u-form-item required label="门店图片" :border-bottom="false" label-position="top">
					<view class="up fcc" style="padding: 68rpx 0;">
						<u-upload width="128" height="128" :action="action" :file-list="fileList" ></u-upload>
					</view>
				</u-form-item>
			</u-form>
		</view>
		
		<view class="btn">
			<view class="bc-btn-l fcc" @click="toPath">
				完成
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					name: '',
					intro: '',
				},
			};
		}
	}
</script>

<style lang="scss" scoped>
	.id-card {
		.img {
			width: 300rpx;
			height: 270rpx;
		}
	}
	.btn {
		position: fixed;
		bottom: 38rpx;
		width: 100%;
		left: 0;
	
		.bc-btn-l {
			color: #FFF;
			width: 676rpx;
			height: 88rpx;
			margin: 0 auto;
			background: linear-gradient(147.27deg, #F1714E 0%, #E93E30 100%);
		}
	}
	
	.form {
		width: 100%;
		background-color: #FFF;
		border-radius: 10rpx;
		padding: 23rpx 30rpx;
		margin-bottom: 20rpx;
		::v-deep .u-form-item {
			padding: 10rpx 0;
		}
	}
</style>
<style lang="scss">
	page {
		background-color: #F4F6F6;
		padding: 20rpx;
		box-sizing: border-box;
	}
</style>